<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>留言簿</title>
    <!-- css -->
    <include file="Common/stylesheets" />
    <!-- js -->
    <include file="Common/javascripts" />
</head>

<body>
<section class="no-box" id="contact-us">
      <form class="contact" id="contactform" action="{:U('post')}" method="post">
         <div class="container">
            <div class="row">
               <div class="span12">
                  <h2>QUICK CONTACT FORM</h2>
                  <!-- the result of the Ajax form submission will be rendered inside this div -->
                  <div id="result"></div>
                  <div class="row" id="hide_after">
                     <div class="span6">
                     {$postform}
                        <input type="text" title="Name" placeholder="Name" aria-required="true" class="required span5" value="" id="contactname" name="contactname">
                        <input type="text" title="E-Mail" placeholder="E-Mail" aria-required="true" class="required email span5" value="" id="email" name="email">
                        <input type="text" title="Subject" placeholder="Subject" aria-required="true" class="required subject span5" value="" id="subject" name="title">
                        <button class="btn custom-btn btn-large visible-tablet visible-desktop" type="submit">Submit</button><!-- Button Displays on Desktop -->
                     </div>
                     <!-- .span6 -->
                     <div class="span6">
                        <textarea title="Your Message" placeholder="Your Message ... " aria-required="true" class="required span5" id="textarea" name="content" rows="3"></textarea>
                        <button class="btn custom-btn btn-large hidden-tablet hidden-desktop" type="submit">Submit</button><!-- Button Displays on Mobile -->
                        <input type="hidden" title="Click here to submit your message!" id="submitButton" name="submit" value="Send Message">
                     </div>
                     <!-- .span6 -->
                  </div>
                  <!-- .row -->
               </div>
               <!-- .span12 -->
            </div>
            <!-- .row -->
         </div>
         <!-- .container -->
      </form>
   </section>
</body>
</html>
